Typescript, Conditional Types
1st Example
Get more creative with your Typescript types with this example
export type Block = {
data: {
type: 'songlist',
content:Song[],
} | {
type: 'tiptap_table',
content:any,
}
}
Use the | pipe to it's full potential. When the block is typed as type: 'songlist', it's sibling data:Song[] will follow it's rules. Same goes for type: 'table', it's sibling data:any will loosen up the restrictions.
2nd Example
Another example if you want to split your typing up in a more organized way.
export type Props = {
name:string,
} & (Male | Female)
type Male = {
gender: 'male',
salary: number,
}
type Female = {
gender: 'female',
weight: number,
}